/*
 * Copyright (c) 2012 David Pesta, https://github.com/DavidPesta/JSComponent
 * This file is licensed under the MIT License.
 * You should have received a copy of the MIT License along with this program.
 * If not, see http://www.opensource.org/licenses/mit-license.php
 */

div.notInRoomState { display: block; width: 480px; height: 440px; border: 1px solid #777; }
div.loginControls { margin-top: 180px; text-align: center; }
div.loginText { font-family: Arial; }
input.enterUsernameTextbox { width: 184px; }
div.insideRoomState { display: none; width: 480px; height: 440px; border: 1px solid #777; }
div.roomInterface { width: 480px; height: 400px; border-bottom: 1px solid #777; }
div.chatContentContainer { float: left; width: 348px; height: 384px; padding: 8px; overflow: auto; }
div.sideInterface { float: left; width: 105px; height: 388px; }
div.participantContainer { border-left: 1px dashed #777; height: 349px; padding: 8px; }
div.logoutWrapper { border-left: 1px solid #777; border-top: 1px solid #777; height: 31px; width: 115px; padding-top: 4px; text-align: center; }
div.chatInputControls { padding: 7px; }
input.chatInputTextbox { width: 400px; }

div.ChatItem { margin: 0 0 0 0; }
div.ChatItem div.usernameText { float: left; display: inline; font-weight: bold; }
div.ChatItem div.nonBreakingSpace { float: left; display: inline; font-weight: bold; }
div.ChatItem div.chatText { float: left; display: inline; }
